/*********************************消息发送面板***************************************************/
.message-send-pane {
    -fx-background-color: -fx-main-background-color;
}

.message-send-pane .title-pane {
    -fx-padding: 5px 10px 7px 30px;
    -fx-border-color: derive(lightgrey, 50%);
    -fx-border-width: 0px 0px 1px 0px;
}

.message-send-pane .title-pane .ikonli-font-icon {
    -fx-icon-color: -fx-fonticon-color;
}

.message-send-pane .message-list-pane .message-list-pane .label {
    -fx-text-fill: -fx-second-font-color;
}

.message-send-pane .message-list-pane .virtualized-scroll-pane {
    -fx-background-color: transparent;
}

.message-send-pane .message-list-pane .message-view {
    -fx-padding: 5px 10px 15px 10px;
    -fx-vgap: 4px;
}

.message-send-pane .message-list-pane .message-selected {
    -fx-background-color: #e2e2e2;
}

.message-send-pane .message-list-pane .message-view .status {
    -fx-padding: 0px 5px 2px 5px;
    -fx-text-fill: black;
    -fx-fill: black;
    -fx-font-size: 11px;
}

.message-send-pane .message-list-pane .message-view .link {
    -fx-underline: true;
}

.message-send-pane .message-list-pane .message-view .scroll-pane {
    -fx-hbar-policy:never;
    -fx-background-insets: 0;
    -fx-padding: 0;
}

.message-send-pane .message-list-pane .message-view .scroll-pane:focused {
    -fx-background-insets: 0;
}

.message-send-pane .message-list-pane .message-view .scroll-pane > .viewport {
    -fx-background-color: transparent;
}

.message-send-pane .message-list-pane .message-view .text-message {
    -fx-padding: 0;
    -fx-background-insets: 0;
    -fx-focus-color: transparent;
    -fx-border-style: none;
    -fx-border-color: derive(gray, 60%);
    -fx-background-radius: 1px;
    -fx-border-radius: 1px;
    -fx-font-size: 12px;
    /*-fx-background-color: rgba(255, 255, 255, 0.06);*/
}

.message-send-pane .message-list-pane .message-view .text-date {
    -fx-font-size: 9px;
}

.message-send-pane .message-list-pane .message-view .tip {
    -fx-text-fill: derive(-fx-main-border-color, 20%);
    -fx-fill: derive(-fx-main-border-color, 20%);
}

.message-send-pane .message-list-pane .message-view .redo-text {
    -fx-text-fill: #6b98b4;
    -fx-fill: #6b98b4;
}

.message-send-pane .message-list-pane .message-view .name-label {
    -fx-font-size: 13px;
    -fx-padding: 5 5 5 0;
}

.message-send-pane .message-list-pane .message-view .im-text-pane {
    -fx-padding: 10px;
    -fx-border-radius: 2px;
    -fx-background-radius: 2px;
}

.message-send-pane .message-list-pane .message-view .message-item-image {
    -fx-border-width: 1px;
    -fx-border-color: -fx-main-border-color;
    -fx-border-radius: 10px;
    -fx-background-radius: 10px;
    -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.5), 10, 0, 0, 3);
}

.message-send-pane .message-list-pane .message-view .message-item-file {
    -fx-padding: 10px;
    -fx-spacing: 5px;
}
.message-send-pane .message-list-pane .message-view .message-item-file .primary-text {
    -fx-font-size: 14px;
    -fx-padding: 0 10 0 0;
}
.message-send-pane .message-list-pane .message-view .message-item-file .tip-text {
    -fx-font-size: 9px;
    -fx-fill-color: grey;
    -fx-font-weight: 500;
}

.message-send-pane .message-list-pane .message-view .im-text-area .content {
    -fx-padding: 10px;
    /*-fx-background-color: gray;*/
}

.message-send-pane .message-list-pane .message-view .im-text-area {
    -fx-padding: 10px;
}

.message-send-pane .message-list-pane .message-view .im-text-area:hover {
    /*-fx-background-color: #d3d3d3;*/
}

.message-send-pane .message-list-pane .message-view .im-text-pane  {
    -fx-padding: 10px;
}

/*.message-send-pane .message-list-pane .message-view .im-text-pane .text{*/
    /*-fx-padding: 10px 0px 10px 0px;*/
/*}*/


.message-send-pane .message-list-pane .message-view .message-file-item {
    -fx-padding: 5px 5px 5px 10px;
}

.message-send-pane .message-list-pane .message-view .file-cell {
    -fx-padding: 1px;
    -fx-hgap: 5px;
    -fx-vgap: 5px;
}

.message-send-pane .message-list-pane .message-view .ref-container {
    -fx-padding: 5px;
    -fx-background-color: derive(lightgray, 50%);
    -fx-border-color: derive(lightgray, 50%);
    -fx-max-height: 50px;
}

.message-send-pane .message-list-pane .message-view .radio-button .radio {
    -fx-background-color: -fx-second-background-color;
}

.message-send-pane .message-list-pane .message-view .radio-button:selected .radio {
    -fx-background-color: green;
}

.message-send-pane .message-list-pane .message-view .radio-button:selected .radio .dot {
    -fx-background-color: -fx-second-background-color;
    -fx-background-insets: 0;
}

.message-send-pane .message-list-pane .message-view .chat-item {
    -fx-padding: 5px 0 0 0;
    -fx-spacing: 3px;
    -fx-background-radius: 5px;
    -fx-border-radius: 5px;
}

.message-send-pane .message-list-pane .message-view .chat-item .chat-list-item {
    -fx-padding: 2px 5px 0 5px;
    -fx-text-fill: derive(-fx-fonticon-color, 5%);
    -fx-fill: derive(-fx-fonticon-color, 5%);
    -fx-max-height: 50px;
}

.message-send-pane .message-list-pane .message-view .chat-item .chat-list-item .label,
.message-send-pane .message-list-pane .message-view .chat-item .chat-list-item .im-text {
    -fx-text-fill: derive(-fx-fonticon-color, 5%);
    -fx-fill: derive(-fx-fonticon-color, 5%);
    -fx-font-size: 14px;
    -fx-opacity: 0.8;
}

.message-send-pane .message-list-pane .message-view .chat-item .chat-list-head {
    -fx-padding: 5px;
    -fx-font-size: 18px;
}

.message-send-pane .message-list-pane .message-view .chat-item .chat-list-bottom {
    -fx-background-color: -fx-second-background-color;
    -fx-padding: 5px 0 5px 8px;
    -fx-background-radius: 0 0 5px 5px;
}

.message-send-pane .message-list-pane .scroll-pane {
    -fx-background-color: transparent;
    -fx-control-inner-background: transparent;
    -fx-border-width: 0px;
}

/*********************************群消息设置栏**********************************************************************/
.message-send-pane .message-list-pane .group-setting-pane {
    -fx-hbar-policy:never;
    -fx-vbar-policy: never;
    -fx-fit-width: true;
    -fx-border-width: 0px;
    -fx-padding: -1px;
}

.message-send-pane .message-list-pane .group-setting-pane .group-pane {
    -fx-border-color: -fx-main-border-color;
    -fx-border-width: 1px;
    -fx-background-color: -fx-second-background-color;
    -fx-padding: 10px 10px 10px 10px;
    -fx-spacing: 5px;
}

.message-send-pane .message-list-pane .group-setting-pane .group-pane .name-label {
    -fx-font-size: 14px;
    -fx-font-weight: bold;
}

.message-send-pane .message-list-pane .group-setting-pane .group-pane .tip {
    -fx-font-size: 10px;
    -fx-text-fill: derive(-fx-main-background-color, -10%);
}

.message-send-pane .message-list-pane .group-setting-pane HBox {
    -fx-spacing: 10px;
    -fx-padding: 0px 5px 0px 5px;
}

.message-send-pane .message-list-pane .group-setting-pane Separator {
    -fx-padding: 10px 0px 10px 0px;
}

.message-send-pane .message-list-pane .group-setting-pane .user-flow-pane {
    -fx-padding: 5px;
}

.message-send-pane .message-list-pane .group-setting-pane .user-flow-pane .label {
    -fx-padding: 0px 7px 10px 0px;
    -fx-font-size: 14px;
}

.message-send-pane .message-list-pane .group-setting-pane .search-textfield {
    -fx-background-color: -fx-main-background-color;
    -fx-border-color: lightgray;
    -fx-border-width: 1px;
    -fx-border-radius: 10px;
    -fx-background-radius: 10px;
    -fx-padding: 6px ;
    -fx-text-fill: black;
    -fx-fill: black;
}

.message-send-pane .message-list-pane .group-setting-pane .text-pane {
    -fx-background-color: -fx-second-background-color;
    -fx-border-color: lightgray;
    -fx-border-radius: 5px;
    -fx-border-width: 1px;
    -fx-background-radius: 5px;
    /*-fx-padding: 5px ;*/
    -fx-text-fill: black;
    -fx-font-size: 14px;
    -fx-pref-columns: 52;
    -fx-wrap-text: true;
}

.message-send-pane .message-list-pane .group-setting-pane .text-pane .content {
    -fx-background-color: -fx-second-background-color;
}

/***********************p2p消息设置面板*****************************************************/
.message-send-pane .message-list-pane .p2p-setting-pane {
    -fx-border-color: lightgray;
    -fx-border-width: 0px 0px 0px 1px;
    -fx-background-color: -fx-second-background-color;
    -fx-padding: 5px 10px 5px 5px;
}

.message-send-pane .message-list-pane .p2p-setting-pane GridPane {
    -fx-hgap: 10px;
    -fx-vgap: 5px;
    -fx-padding: 5px 5px 0px 5px;
}

.message-send-pane .message-list-pane .p2p-setting-pane .label {
    -fx-font-size: 14px;
    -fx-font-weight: bold;
    -fx-font-family: KaiTi;
}

.message-send-pane .message-list-pane .p2p-setting-pane .search-textfield {
    -fx-background-color: -fx-main-background-color;
    -fx-border-color: lightgray;
    -fx-border-radius: 10px;
    -fx-background-radius: 10px;
    -fx-padding: 6px;
}

/******************************消息发送栏*****************************************************************/
.message-send-pane .message-editor-pane .message-toolbar {
    -fx-background-color: transparent;
    -fx-border-color: -fx-main-border-color;
    -fx-border-width: 1px 0px 0px 0px;
    -fx-padding: 10px 10px 5px 10px;
    -fx-spacing: 10px;
}

.message-send-pane .message-editor-pane .message-toolbar .ikonli-font-icon {
    -fx-icon-color: -fx-fonticon-color;
    -fx-icon-size: 18px;
}

.message-send-pane .message-editor-pane .message-toolbar .ikonli-font-icon:hover {
    -fx-icon-color: -fx-second-hover-color;
}

.message-send-pane .message-editor-pane .text-area {
    -fx-background-color: transparent;
    -fx-border-color: -fx-second-background-color;
    -fx-font-family: Consolas;
    -fx-highlight-fill: derive(-fx-text-area-selection-color, 30%);
    -fx-highlight-text-fill: -fx-second-background-color;
    -fx-text-fill: -fx-second-hover-color;
    -fx-font-size: 18px;
    -fx-control-inner-background: -fx-second-background-color;
}

.message-send-pane .message-editor-pane .text-area .text {
    -fx-line-spacing: 2px;
}

.message-send-pane .message-editor-pane .text-area:focused {
    -fx-background-color: transparent;
    -fx-border-color: -fx-second-background-color;
    -fx-control-inner-background: -fx-second-background-color;
    -fx-border-insets: 0px;
}

.message-send-pane .message-editor-pane .im-text-area {
    -fx-padding: 10px;
    -fx-background-color: transparent;
}

.message-send-pane .message-editor-pane .text-area .content, .message-session-pane .text-area .content:focused {
    -fx-background-color: transparent;
    -fx-control-inner-background: transparent;
}

.message-send-pane .message-editor-pane .submit-pane {
    -fx-spacing: 10px;
    -fx-padding: 0px 10px 10px 10px;
}

.message-send-pane .message-editor-pane .submit-pane .button {
    -fx-padding: 5px 20px 5px 20px;
    -fx-background-color: derive(-fx-main-background-color, 70%);
    -fx-text-fill: #0a800d;
    -fx-min-width: 80px;
}

.message-send-pane .message-editor-pane .submit-pane .button:hover {
    -fx-background-color: -fx-highlight-color;
    -fx-text-fill: -fx-second-background-color;
}

.message-send-pane .message-editor-pane .submit-pane .ref-container {
    -fx-padding: 0px 10px 0px 10px;
    -fx-background-color: derive(-fx-main-border-color, 50%);
    -fx-border-color: derive(-fx-main-border-color, 50%);
    -fx-max-height: 50px;
}

.message-send-pane .message-editor-pane .submit-pane .ref-container StackPane {
    -fx-padding: 5px;
}

/*.message-send-pane .message-editor-pane .submit-pane .ref-container StackPane .text {*/
    /*-fx-fill: -fx-second-background-color;*/
    /*-fx-text-fill: -fx-second-background-color;*/
/*}*/

.message-send-pane .message-editor-pane .image-cell {
    -fx-border-color: -fx-main-border-color;
    -fx-border-width: 1px;
    -fx-background-color: -fx-second-background-color;
    -fx-padding: 2px;
    -fx-hgap: 5px;
    -fx-vgap: 5px;
}

.message-send-pane .message-editor-pane .file-cell{
    -fx-border-color: -fx-main-border-color;
    -fx-border-width: 1px;
    -fx-background-color: -fx-second-background-color;
    -fx-pref-width: 250px;
    -fx-padding: 2px;
    -fx-hgap: 5px;
    -fx-vgap: 5px;
}

/******* 消息选择控制面板  **************************************************************/
.message-send-pane .message-select-control-pane {
    -fx-padding: 5px 5px 0px 0px;
    -fx-border-color: lightgray;
    -fx-border-width: 1px 0px 0px 0px;
    -fx-min-width: 80px;
    -fx-background-color: derive(lightgray, 70%);
}

.message-send-pane .message-select-control-pane .select-control-pane {
    -fx-hgap: 10px;
    -fx-vgap: 10px;
}

.message-send-pane .message-select-control-pane .select-control-pane .icon {
    -fx-padding: 5px;
    -fx-border-width: 0px;
    -fx-background-color: -fx-second-background-color;
    -fx-background-radius: 5000;
    -fx-min-width: 45px;
    -fx-max-width: 45px;
    -fx-min-height: 45px;
    -fx-max-height: 45px;
    -fx-alignment: center;
}

.message-send-pane .message-select-control-pane .select-control-pane .icon:hover {
    -fx-background-color: derive(lightgray, 30%);;
}
